@include "constants.css";
@include "~/application/modules/Core/externals/styles/main.css";
@scan "application/modules" "externals/styles/main.css" "Core";

/*
GLOBAL STYLES, FONTS & RESETS
*/
html
{
  min-height: 100%;
  margin-bottom: 1px;
  /* overflow-x: hidden; */
  /*overflow-y: scroll;*/
  height: 100%;
  background: $theme_body_background_color url($theme_folder/pagebg.png) repeat 0 0;
}
body
{
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  background: transparent url($theme_folder/left_bg.jpg) repeat-y left top;
}
#smoothbox_window body{
  background: none !important;
}
#TB_overlay{
  background-color: #555;
}
*
{
  padding: 0;
  margin: 0;
  border: none;
  border-style: solid;
  border-width: 0px;
  border-color: $theme_border_color;
}
table
{
  border-collapse: collapse;
}
br
{
  clear: both;
}
ul
{
  list-style-type: none;
}
a:link,
a:visited
{
  color: $theme_link_color;
  text-decoration: $theme_link_decoration;
}
a:hover
{
  color: $theme_link_color_hover;
  text-decoration: $theme_link_decoration_hover;
}
*
{
  font-family: $theme_font_family;
}
*[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}
div,
td
{
  font-size: $theme_font_size;
  color: $theme_font_color;
  text-align: $theme_text_align;
}
*[dir="rtl"] div,
*[dir="rtl"] td {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}
h2,
h3,
h4
{
  color: $theme_headline_color;
  font-weight: normal;
}
h2
{
  font-size: $theme_headline_size_large;
  font-weight: 300;
  color: #777;
  margin-bottom: 10px;
}
h3
{
  font-size: $theme_headline_size_medium;
  background-color: transparent;
  padding: .4em 0;
}
h4
{
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
}
h4 > span
{
  display: inline-block;
  padding-right: 6px;
  margin-top: -1px;
}
h3.sep
{
  display: block;
  border-bottom: 1px solid $theme_border_color;
  overflow: hidden;
  margin-bottom: 1em;
  height: 1em;
}
h3.sep > span
{
  display: block;
  overflow: hidden;
  position: absolute;
  background: $theme_body_background_color;
  padding: 5px 10px 5px 0px;
  font-weight: bold;
}
html[dir="rtl"] h3.sep > span
{
  padding: 5px 0px 5px 10px;
}


/*
GENERAL LAYOUT
*/
/*div.layout_left, div.layout_right,
div.layout_main div.layout_middle div.layout_core_content,
ul.feed .feed_item_body, .global_form > div > div,
.layout_middle > form, .layout_middle > ul*/
ul.feed .feed_item_body, .global_form > div > div, .layout_middle > form,
div.layout_left, div.layout_right,
div.layout_middle,
div.layout_top > div.layout_middle div.layout_core_html_block{
  background: #F9F9F9;
  border: 1px solid #dcdcdc;
  +rounded(5px);
  +shadow(0, 1px, 0, 0, #FFF);
  margin-bottom:15px;
  margin-top: 0;
  padding: 10px;
}
div.layout_middle{
  padding: 25px;
  border: none;
}
/*Exclude some containers like profile page*/
div.layout_top > div.layout_middle{
  background: none;
  border: none;
  padding: 0;
  +shadow(0);
  margin: 0;
}
div.layout_left > div.generic_layout_container,
div.layout_right > div.generic_layout_container{
  overflow: visible;
  margin: 0 0 15px;
}
ul.feed .feed_item_body{
  margin: 0;
  padding: 15px;
  border-color: #ddd;
  background-color: #f1f1f1;
}
/*div.layout_main div.layout_middle div.layout_core_content,
.layout_middle > form, .layout_middle > ul{
  padding: 25px;
}*/
div.layout_left > div.generic_layout_container h3,
div.layout_right > div.generic_layout_container h3,
div.layout_activity_feed h3,
.global_form > div > div > h3,
#smoothbox_window h3,
.layout_middle > h3{
  background: #EFEFEF url($theme_folder/title_bg.png) repeat-x;
  font-size: 12px;
  font-weight: bold;
  padding: 9px 12px 8px 12px;
}
.layout_middle > h3{
  border: 1px solid #dcdcdc;
}
#smoothbox_window h3{
  margin: -10px -10px 15px -13px;
  border-bottom: 1px solid #dcdcdc;
}
div.layout_left > div.generic_layout_container h3,
div.layout_right > div.generic_layout_container h3{
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin: auto -10px 10px -10px;
}
div.layout_left > div:first-child > h3,
div.layout_right > div:first-child > h3{
  margin-top: -10px;
  border-top: none;
  +rounded(5px, false, false, true, true);
}
div.layout_activity_feed h3,
#profile_status > h2{
  margin-bottom: 0;
  color: #eee;
  +rounded(5px, false, false, true, true);
  background: transparent url($theme_folder/updates_bg.png) repeat-x;
}
#profile_status > h2{
  display: block;
  background-repeat: repeat;
  padding: 10px 15px;
  font-size: 1.5em;
}
#user_profile_status_container{
  float: none;
}
.global_form > div > div > h3{
  margin: -10px -10px 15px -10px;
  border-bottom: 1px solid #dcdcdc;
}
div.layout_top{
  width: auto;
}
.layout_left
{
  float: left;
  width: 19%;
  min-width: $theme_content_columns_left_width;
  padding: 0px 10px 0px 0px;
  vertical-align: top;
  margin-right: 15px;
}
html[dir="rtl"] .layout_left
{
  float: right;
  padding: 0px 0px 0px 15px;
  margin-right: 0px;
  margin-left: 5px;
}
.layout_middle
{
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}
.layout_right
{
  float: right;
  width: 19%;
  min-width: $theme_content_columns_right_width;
  padding: 0px 0px 10px 10px;
  vertical-align: top;
  margin-left: 15px;
}
html[dir="rtl"] .layout_right
{
  float: left;
  padding: 0px 15px 10px 0px;
  margin-left: 0px;
  margin-right: 5px;
}
div#global_header{
  float: left;
  width: 194px;
  padding: 0 3px;
}
div#global_wrapper
{
  text-align: center;
  min-height: 100%;
  background: transparent url($theme_folder/topbar.png) repeat-x center top;
  margin-left: 200px !important;
  margin-top: 0 !important;
}
#global_wrapper div#global_content
{
  max-width: $theme_content_width;
  margin: 0px auto;
  padding: 50px 15px;
  overflow: hidden !important;
  min-height: 500px;
}
div#global_content_simple
{
  display: inline-block;
  overflow: hidden;
}
/* Header */
.layout_page_header
{
  text-align: center;
  padding: 0px;
  clear: both;
  border-bottom: $theme_topbar_border;
  border-top: 2px solid #454d55;
}
.layout_page_header .layout_main
{
  width: $theme_topbar_width;
  text-align: right;
  margin: 0px auto 0px auto;
  border-top: 1px solid #1c262b;
}
/* Footer */
#global_footer{
  background: transparent url($theme_folder/left_bg.jpg) repeat-y left top;
  border-bottom: 2px solid #454D55;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.layout_page_footer
{
  clear: both;
  text-align: center;
  overflow: hidden;
  background: transparent url($theme_folder/topbar.png) repeat-x center bottom;
  margin-left: 200px;
  padding-left: 10px;
}
.layout_page_footer .layout_main
{
  +rounded; 
  +foreground;
  text-align: left;
  overflow: hidden;
  margin-top: 40px;
  height: 34px;
  line-height: 34px;
}
.layout_page_footer select
{
  font-size: 1em;
  padding: 4px 5px 5px;
  background-color: #252E34;
  color: #EEE;
  border: 1px solid #333D46;
}
.layout_core_menu_footer
{
  font-size: .8em;
  color: #EEE;
}

/*
MAIN MENU WIDGET
*/
.layout_core_menu_main
{
  width: $theme_topbar_width;
  text-align: left;
  border-top: 1px solid #1C252B;
  margin: 20px 0;
}
.layout_core_menu_main > ul
{
  width: $theme_topbar_menu_width;
  white-space: nowrap;
  overflow: hidden;
}
.layout_core_menu_main > ul > li
{
  font-size: $theme_topbar_menu_link_size;
  font-weight: bold;
  line-height: 20px;
  background: url($theme_folder/menu_item_bg.png) repeat-x 0 0;
  border-bottom: 1px solid #1C252B;
  border-top: 1px solid #404950;
}
html[dir="rtl"] .layout_core_menu_main > ul > li
{
  float: right;
  margin-right: 0px;
  margin: 0px 12px;
}
.layout_core_menu_main > ul > li:hover
{
  background-position: 0 -43px;
  border-top: 1px solid #516271;
}
.layout_core_menu_main > ul > li:active, .layout_core_menu_main > ul > li.active
{
  background-position: 0 -86px;
  border-top: 1px solid #657D92;
}
.layout_core_menu_main > ul > li a
{
  +noselect;
  outline: none;
  padding: 10px 0 12px 42px;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #EFEFEF;
  background: transparent url($theme_folder/icon_green.png) no-repeat 15px 17px;
}
.layout_core_menu_main > ul > li a:link,
.layout_core_menu_main > ul > li a:visited
{
  color: $theme_topbar_menu_link_color;
}
.layout_core_menu_main > ul > li > a:hover
{
  color: $theme_topbar_menu_link_hover_color;
}
.layout_core_menu_main > ul > li > ul
{
  display: none;
}
.layout_core_menu_main > ul > li:hover > ul
{
  display: block;
}
.layout_core_menu_main ul ul
{
  display: none;
  position: absolute;
  background-color: $theme_topbar_menu_background_color;
  margin: 0px 0px 0px 0px;
  min-width: 170px;
}
.layout_core_menu_main ul ul li
{
  font-weight: bold;
}
.layout_core_menu_main ul ul li a
{
  letter-spacing: 0px;
  font-weight: bold;
  display: block;
  padding: 4px 7px 6px 9px;
  outline: none;
  color: $theme_topbar_menu_link_color;
  background-color: $theme_topbar_menu_link_background_color;
}
.layout_core_menu_main ul ul li:hover a
{
  color: $theme_topbar_menu_link_hover_color;
  background: $theme_topbar_menu_link_background_color_hover;
}
html[dir="rtl"] .layout_core_menu_main ul ul li a
{
  padding: 4px 9px 6px 7px;
}
.layout_core_menu_main .core_main_home{
  background: transparent url($theme_folder/icon_home.png) no-repeat 12px 13px;
}

/*
MINI MENU + SEARCH WIDGET
Shows the mini menu and search widget
*/
.layout_core_menu_mini
{
  width: $theme_topbar_minimenu_width;
  z-index: 100;
  position: absolute;
  left: 200px;
  margin: 0;
}
.layout_core_menu_mini > div > ul
{
  border-left: 1px solid #39454F;
  border-right: 1px solid #39454F;
  margin-right: -1px;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul
{
  float: left;
}
.layout_core_menu_mini > div > ul > li
{
  overflow: hidden;
  display: inline;
  float: left;
  cursor: pointer;
  border-left: 1px solid #1C262B;
  border-right: 1px solid #1C262B;
  margin-left: -1px;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li
{
  float: right;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li + li
{
  margin-left: 0px;
  margin-right: 3px;
}
.layout_core_menu_mini #core_menu_mini_menu
{
  font-size: $theme_topbar_minimenu_link_size;
  font-size: 11px;
}
html[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu
{
  padding: 0px 10px 5px 0px;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a
{  
  color: $theme_topbar_minimenu_link_color;
  display: block;
  padding: 7px 15px 8px 40px;
  float: left;
  border-left: 1px solid #39454F;
  border-right: 1px solid #39454F;
  background: transparent url($theme_folder/icon_admin.png) no-repeat 15px 9px;
}
#core_menu_mini_menu ul li a.core_mini_admin{
  background-image: url($theme_folder/icon_admin.png);
}
#core_menu_mini_menu ul li a.core_mini_profile{
  background-image: url($theme_folder/icon_profile.png);
}
#core_menu_mini_menu ul li a.core_mini_messages{
  background-image: url($theme_folder/icon_msg.png);
}
#core_menu_mini_menu ul li a.core_mini_settings{
  background-image: url($theme_folder/icon_settings.png);
}
#core_menu_mini_menu ul li a.core_mini_auth{
  background-image: url($theme_folder/icon_logout.png);
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover{
  background-color: $theme_topbar_minimenu_link_hover_background_color;
  border-left: 1px solid #293138;
  border-right: 1px solid #293138;
}
.layout_core_menu_mini #core_menu_mini_menu_updates
{
  margin: 0px 7px;
}
#core_menu_mini_menu_update{
  border-left: 1px solid #3B4751;
  border-right: 1px solid #3B4751;
  padding: 0;
}
#core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle {
  background: url($theme_folder/menu_item_bg.png) repeat-x 0 -86px;
  color: #eee;
}
#global_search_form_container{
 margin-left: 1px;
}
#core_menu_mini_menu #global_search_form
{
  background: url($theme_folder/menu_search_bg.png) repeat-x;
  border: none;
  border-top: 1px solid #333D46;
  border-radius: 0;
  border-bottom: 1px solid #39434C;
}
#core_menu_mini_menu #global_search_field
{
  font-size: 11px;
  outline: none;
  background: transparent url($theme_folder/menu_search_btn.png) no-repeat 154px 2px;
  color: #A2A2A2;
  padding: 5px 10px;
  width: 161px;
  height: 16px;
  border: none;
  +shadow(0);
}
#core_menu_mini_menu .overTxtLabel
{
  padding-top: 4px;
  padding-left: 2px;
  font-size: 1.2em;
  color: $theme_font_color_light;
}
/*
SITE LOGO WIDGET
*/
.layout_core_menu_logo
{
  width: $theme_topbar_logo_width;
  font-size: 18pt;
  padding: 20px 0 30px;
  margin: 10px 0;
  text-align: center;
  overflow: hidden;
  background: url($theme_folder/menu_sep.png) no-repeat bottom center;
}
.layout_core_menu_logo > a{
  font-weight: 300;
}
.layout_core_menu_logo a, .layout_core_menu_logo a:visited, .layout_core_menu_logo a:hover{
  color: #DDD;
}

/*
GLOBAL NOTICES (OUTSIDE FORMS)
Used to show a message or notice with an icon on a page,
usually above content, not within a form.
*/
.tip
{
  overflow: hidden;
  clear: both;
}
.tip > span
{
  +rounded;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 6px center;
  padding: 10px 25px;
  padding-left: 27px;
  background-color: #FFE9AD;
  float: left;
  margin: 15px 0;
  background-image: url(~/application/modules/Core/externals/images/tip.png);
  border: 1px solid #EAC572;
}
html[dir="rtl"] .tip > span
{
  background-position: 99% 50%;
  padding: 6px 27px 6px 6px;
  float: right;
}

/*
GLOBAL FORM RESPONSES
Used to show feedback from form submissions, i.e.
error/result messages.
*/
ul.form-errors,
ul.form-notices
{
  margin: 0px 0px 20px 0px;
  overflow: hidden;
}
* + ul.form-errors,
* + ul.form-notices
{
  margin-top: 20px;
}
ul.form-errors > li,
ul.form-notices > li
{
  +rounded;
  margin: 7px 5px 7px 5px;
  padding: 5px 15px 5px 32px;
  background-repeat: no-repeat;
  background-position: 8px 5px;
  float: left;
  clear: left;
  overflow: hidden;
  border: 1px solid #ccc;
}
html[dir="rtl"] ul.form-errors > li,
html[dir="rtl"] ul.form-notices > li
{
  padding: .3em .6em;
  padding-left: 32px;
  background-position: left center;
  float: right;
  clear: right;
}
ul.form-errors > li > b,
ul.form-notices > li > b
{
  text-transform: uppercase;
  font-size: .8em;
}
ul.form-errors > li > ul > li,
ul.form-notices > li > ul > li
{
  font-size: 1em;
  font-weight: bold;
}
ul.form-errors > li {
  background-image: url(~/application/modules/Core/externals/images/error.png);
  background-color: #f5f0db;
  border: none;
}
ul.form-notices > li {
  background-image: url(~/application/modules/Core/externals/images/notice.png);
  background-color: #e9faeb;
  border: none;
}

/*
GLOBAL FORM ELEMENTS
Used for most forms throughout the site.
*/
button
{ 
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FEFEFE;
  height: 33px;
  text-align: center;
  display: inline-block;
  line-height: 33px;
  padding: 0 20px;
  background: url($theme_folder/btn_bg.png) repeat-x;
  background-position: 0 0;
  border: 1px solid #3573A8;
  +rounded(2px);
}
button:hover
{
  cursor: pointer;
  background-position: 0 -36px;
}
button:active
{
  background-color: $theme_button_background_color_active;
  background-image: none;
}
input[type=text],
input[type=email],
input[type=password],
input.text,
textarea,
.compose-content
{
  padding: 7px 6px;
  background-color: $theme_input_background_color;
  border: 1px solid $theme_input_border_colors;
  border-image: initial;
  +shadow(0px, 0px, 0px, 2px, #F4F4F4);
  +rounded(0);
  color: #656565;
}
input[type=checkbox],
input[type=radio]
{
  border: none;
  padding: 0px;
  margin: 2px 5px 0px 0px;
  width: auto;
  display: block;
  float: left;
}
html[dir="rtl"] input[type=checkbox],
html[dir="rtl"] input[type=radio]
{
  margin: 2px 0px 0px 5px;
  float: right;
}
input[type=checkbox] + label,
input[type=radio] + label
{
  display: block;
  cursor: pointer;
}
textarea
{
  width: 400px;
  resize: none;
}
textarea.codebox
{
  width: 95%;
  min-height: 200px;
  font-family: courier new, courier, serif;
}
select
{
  +rounded(3px);
  background-color: $theme_input_background_color;
  max-width: 250px;
  padding: 7px 6px;
  border: 1px solid $theme_input_border_colors;
  border-image: initial;
  +shadow(0px, 0px, 0px, 2px, #F4F4F4);
  +rounded(0);
  color: #656565;
  
}
form.filters select,
#filter_form select{
  width: 100%;
}
#filter_form input[type=text],
#filter_form input[type=email],
#filter_form input[type=password],
#filter_form input.text,
#filter_form textarea{
  width: 90%;
}
.browse-range-wrapper input[type="text"]{
  width: 40% !important;
}
#filter_form .overTxtLabel,
form.filters .overTxtLabel{
  margin-top: 6px;
}
html[dir="rtl"] select
{
  padding: 1px 1px 1px 0px;
}
select option
{
  padding: 0px 10px 0px 3px;
}
html[dir="rtl"] select option
{
  padding: 0px 3px 0px 10px;
}
a.buttonlink
{
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 21px;
  font-weight: bold;
  font-size: .9em;
  line-height: 200%;
}
html[dir="rtl"] a.buttonlink
{
  background-position: top right;
  padding-left: 0px;
  padding-right: 21px;
}
a.buttonlink_right
{
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 19px;
  font-weight: bold;
  display: inline-block;
}
html[dir="rtl"] a.buttonlink_right
{
  background-position: top left;
  padding-right: 0px;
  padding-left: 19px;
}
br.multi-text-separator
{
  margin-bottom: 8px;
}

/*
LARGE BOX FORM
These styles are for large forms that are given an exclusive page.
They are not intended for smaller forms that are embedded elsewhere.
Examples: Signup form, member settings form, etc.
*/
/* form container */
.global_form
{
  clear: both;
  overflow: hidden;
}
/* external form border */
.global_form > div
{
  float: left;
  overflow: hidden;
  margin: 0px auto 0px auto;
}
html[dir="rtl"] .global_form > div
{
  float: right;
}
/* form headline */
.global_form div.form-wrapper-heading
{
  font-weight: bold;
  border-bottom: 1px solid $theme_foreground_border_color_light;
  height: 1em;
  margin-bottom: 15px;
}
.global_form div.form-wrapper-heading > span
{
  display: block;
  position: absolute;
  overflow: hidden;
  padding: 4px 6px 4px 0px;
  background: $theme_form_background_color;
}
html[dir="rtl"] .global_form div.form-wrapper-heading > span
{
  padding: 4px 0px 4px 6px;
}
.global_form div.form-wrapper + div.form-wrapper-heading
{
  margin-top: 10px;
}
/* form instructions (after title) */
.global_form > div > div > h3 + p
{
  padding: 10px;
  margin-top: 2px;
  max-width: 550px;
  line-height: 140%;
}
/* add some space above form elements if title/instructions precede */
.global_form > div > div > h3 + div,
.global_form > div > div > h3 + p + div
{
  margin-top: 20px;
}
/* container for form label/element rows */
.global_form > div > div
{
  overflow: hidden;
}
/* container row for a label (left) and element (right) */
.global_form div.form-wrapper
{
  clear: both;
  overflow: hidden;
}
/* left-side element label container */
.global_form div.form-label
{
  width: 150px;
  text-align: right;
  padding: 4px 15px 0px 2px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  clear: left;
  font-size: .9em;
  color: $theme_form_label_font_color;
}
html[dir="rtl"] .global_form div.form-label
{
  text-align: left;
  padding: 4px 2px 0px 15px;
  float: right;
  clear: right;
}
/* right-side form element container */
.global_form div.form-element
{
  min-width: 150px;
  max-width: 600px;
  text-align: left;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  clear: none;
}
html[dir="rtl"] .global_form div.form-element
{
  text-align: right;
  float: right;
}
/* all paragraphs of text in the form */
.global_form div > p
{
  max-width: 450px;
  padding-bottom: 10px;
}
/* paragraphs of text that come after an input element */
.global_form div > input + p
{
  margin-top: 3px;
  font-size: 7pt;
}
/* all text inputs in form */
.global_form input[type=text],
.global_form input[type=email],
.global_form input[type=password]
{
  padding: 2px;
  font-size: 10pt;
  width: 200px;
}
/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form input[type=text] + input[type=text]
{
  display: block;
  margin-top: 5px;
}
/* all checkboxes and radios in form */
.global_form input[type=checkbox],
.global_form input[type=radio]
{
  clear: left;
}
html[dir="rtl"] .global_form input[type=checkbox],
html[dir="rtl"] .global_form input[type=radio]
{
  clear: right;
}
/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form input + label
{
  float: left;
  display: block;
  margin-top: 0px;
  margin-left: 2px;
}
html[dir="rtl"] .global_form input + label
{
  float: right;
  margin-left: 0px;
  margin-right: 2px;
}
/* all select boxes in form */
.global_form select
{
  padding: 1px 0px 1px 1px;
  font-size: 10pt;
  max-width: 250px;
}
html[dir="rtl"] .global_form select
{
  padding: 1px 1px 1px 0px;
}
/* all textareas in form */
.global_form textarea
{
  padding: 4px;
  font-size: 10pt;
  max-width: 400px;
  min-height: 120px;
}
.global_form p.description {
  margin: 7px 0px 10px 0px;
  padding: 0px;
  font-size: .8em;
}
.global_form #submit-element
{
  margin-bottom: 0px;
}
.global_form button[type=submit]
{
  margin-right: 3px;
}
html[dir="rtl"] .global_form button[type=submit]
{
  margin-right: 0px;
  margin-left: 3px;
}



/*
SMALL BOX FORM
These styles are for small box forms, such
as the login box found by default on the main
index page. Form names and inputs are stacked
vertically (not floated) to fit into small-width
content areas.
*/
.global_form_box
{
  +foreground;
  +rounded;
  width: auto;
}
.global_form_box .form-wrapper + .form-wrapper
{
  margin-top: 5px;
}
.global_form_box .form-label
{
  padding: 0px;
  width: auto;
  float: none;
  clear: both;
  margin: 0px;
}
.global_form_box label
{
  text-align: left;
  display: block;
  font-size: .8em;
  margin-bottom: 2px;
}
html[dir="rtl"] .global_form_box label
{
  text-align: right;
}
.global_form_box .form-element
{
  overflow: hidden;
}
.layout_user_login_or_signup div.form-element input[type="text"],
.layout_user_login_or_signup div.form-element input[type="email"],
.layout_user_login_or_signup div.form-element input[type="password"]{
  width: 90%;
}

/*
FILTER FORM
These styles are for small, transparent forms
that contain search boxes or filter fields. They
are usually found on browse pages.
*/
form.filters
{
  +foreground;
  +rounded;
  padding: 10px;
}
form.filters div.form-label
{
  margin-bottom: 3px;
  font-size: .8em;
}
form.filters div.form-element
{
  margin-top: 2px;
}
form.filters button
{
  margin-top: 4px;
}
form.filters dt
{
  font-size: .8em;
  padding-bottom: 2px;
}
form.filters dd
{
  margin-bottom: 8px;
}


/*
POPUP FORM
These are used to style popup (i.e. smoothbox) forms.
Also used to style popup response messages, etc.
*/
.global_form_popup
{
  padding: 10px 10px 10px 13px;
  overflow: hidden;
}
html[dir="rtl"] .global_form_popup
{
  padding: 10px 13px 10px 10px;
  float: right;
}
.global_form_popup #submit-wrapper,
.global_form_popup #cancel-wrapper
{
  float: left;
  overflow: hidden;
}
html[dir="rtl"] .global_form_popup #submit-wrapper,
html[dir="rtl"] .global_form_popup #cancel-wrapper
{
  float: right;
}
.global_form_popup #buttons-wrapper
{
  margin-top: 10px;
}
.global_form_popup #buttons-wrapper button
{
  margin-right: 4px;
}
html[dir="rtl"] .global_form_popup #buttons-wrapper button
{
  margin-right: 0px;
  margin-left: 4px;
}
.global_form_popup_message
{
  display: block;
  padding: 1em;
  text-align: center;
  font-weight: bold;
}


/*
UPLOAD FORM
Styles the file upload form.
*/
#form-upload #submit-wrapper
{
  display: none;
}
#form-upload #demo-status a.buttonlink
{
  margin-right: 15px;
}




/*
SEARCH PAGE
Used to style the main search page.
*/
#searchform
{
  float: left;
  clear: right;
  padding: 5px;
}
#searchform input[type=text]
{
  width: 300px;
}
#searchform #query-label
{
  display: none;
}
#searchform #query-wrapper
{
  float: left;
  overflow: hidden;
  padding: 3px;
}
#searchform #submit-label
{
  display: none;
}
#searchform #submit-wrapper
{
  float: left;
  overflow: hidden;
  margin-left: 1px;
}
.search_result
{
  overflow: hidden;
  width: 500px;
  margin-top: 10px;
  border-top-width: 1px;
  padding-top: 10px;
}
.search_result .search_photo
{
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 7px;
}
.search_result .search_icon
{
  display: block;
  float: left;
  overflow: hidden;
  width: 48px;
  margin-right: 7px;
}
.search_result img
{
  margin: auto;
  display: block;
}
.search_result .search_info
{
  display: block;
  overflow: hidden;
}
.search_result .search_title
{
  /* font-weight: bold; */
  font-size: 1.1em;
}
.search_result .highlighted-text
{
  font-weight: bold;
}




/*
COMMENTS
These styles are used everywhere comments appear.
*/
div.comments, ul.feed div.comments
{
  width: auto !important;
}
.comments > ul
{
  overflow: hidden;
}
.comments > ul > li
{
  background-color: #f8f8f8;
  background-image: none;
  border: none;
  padding: 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  overflow: hidden;
  margin-bottom: 1px;
}
.comments > ul > li:last-child{
  border-bottom: 1px solid #ddd;
  +rounded(5px, true, true, false, false);
}
.comments ul ul > li
{
  display: inline-block;
  vertical-align: middle;
}
.comments .comments_author a
{
  font-weight: bold;
  margin-right: 2px;
  font-size: 1.1em;
}
html[dir="rtl"] .comments .comments_author a
{
  margin-right: 0px;
  margin-left: 2px;
}
html[dir="rtl"] .comments_author
{
  float: right;
}
.comments .comments_author_photo
{
  float: left;
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
}
html[dir="rtl"] .comments .comments_author_photo
{
  float: right;
}
.comments .comments_author_photo img
{
  display: block;
}
.comments .comments_options > *{
  display: inline-block;
  padding: 8px 10px;
}
.comments .comments_comment_options > a
{
  font-size: .8em;
  font-weight: bold;
  margin-top: 5px;
  overflow: hidden;
}
.layout_core_comments .comments ul > li + li{
  background: transparent url($theme_folder/divider_small.png) repeat-x top center;
  padding-top: 14px;
}
.comments .comments_info
{
  font-size: .8em;
  padding-top: 2px;
  padding-left: 5px;
  overflow: hidden;
}
html[dir="rtl"] .comments .comments_info
{
  padding-left: 0px;
  padding-right: 5px;
}
.comments .comments_date
{
  font-size: .9em;
  color: $theme_font_color_light;
  overflow: hidden;
}
.comments .comments_likes,
.comments .comments_viewall
{
  font-size: .8em;
}
.comments .comments_likes a,
.comments .comments_viewall a
{
  font-weight: bold;
  font-size: 1.1em;
}
.comments > form
{
  +foreground;
  background-image: none;
  border: none;
  padding: 5px 12px 5px 0px;
  border-top: 1px solid $theme_foreground_border_color;
}
html[dir="rtl"] .comments > form
{
  padding: 5px 5px 5px 10px;
}
.comments > form > textarea
{
  width: 100%;
}
.comments > form > button
{
  display: block;
  margin-top: 7px;
}
div.comments_comment_likes_tips
{
  border: 1px solid $theme_foreground_border_color;
  padding: 4px 7px;
  background-color: $theme_foreground_background_color;
  color: $theme_font_color_light;
  font-size: 0.9em;
}


/*
HEADLINE
Used at the top of most browse pages. Often contains button-style tabs.
*/
.headline
{
  +foreground;
  overflow: hidden;
  background: #EFEFEF url($theme_folder/title_bg.png) repeat-x;
  +rounded(5px);
  border: 1px solid #DDD;
  padding: 15px 15px 15px 25px;
  margin-bottom: 15px;
}
.headline h2
{
  margin-right: 25px;
  margin-bottom: 0px;
  line-height: 49px;
  display: inline-block;
  vertical-align: middle;
}
html[dir="rtl"] .headline h2
{
  float: right;
  margin-right: 3px;
  margin-left: 25px;
}

/* TABS (BUTTON STYLE, DEFAULT) */
.tabs
{
  overflow: hidden;
  +rounded(5px);
  +shadow(0, 1px, 0, 0, #FFF);
  display: inline-block;
  vertical-align: middle;
  float: right;
  border: 1px solid #cdcdcd;
}
.tabs > ul
{
  display: inline-block;
  vertical-align: middle;
}
.tabs > ul li
{  
  display: block;
  float: left;
  border-left: 1px solid #cdcdcd;
  position: relative;
}
.tabs > ul li:hover{
  
}
.tabs > ul li:first-child {
  border-left: none;
}
.tabs > ul li > a
{  
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  display: block;
  border: 1px solid #FBFBFB;
  cursor: pointer;
  background: $theme_buttontabs_background_color url($theme_folder/tab_bg.png) repeat-x;
}
.tabs > ul li:first-child > a{
  +rounded(5px, false, true, true, false);
}
.tabs > ul li:last-child > a{
  +rounded(5px, true, false, false, true);
}
.tabs > ul li > a:hover
{
  color: $theme_buttontabs_font_color_hover;
  background-color: #EEE;
  border-bottom-color: #8EBB20;
}
.tabs > ul li.active > a
{
  color: $theme_buttontabs_font_color_active;
}

/*
TABS (TAB STYLE, NON-DEFAULT)
*/
.layout_core_container_tabs{
  margin: 15px auto;
  background: #F9F9F9;
  border: 1px solid #dcdcdc;
  +rounded(5px);
}
.layout_core_container_tabs > div{
  border: none;
  padding: 15px;
  +rounded(0);
}
div.tabs_alt
{
  -moz-user-select: none;
  -webkit-user-select: none;
  padding: 0;
  clear:both;
}
.tabs_alt > ul
{ 
  background: url($theme_folder/title_bg.png) repeat-x;
  height: 36px;
  border-bottom: 1px solid #dcdcdc;
  +rounded(5px, false, false, true, true);
}
html[dir="rtl"] .tabs_alt > ul
{
  text-align: right;
}
.tabs_alt > ul > li
{  
  float: left;
  height: 36px;
  line-height: 38px;
  border-left: none;
  position: relative;
  font-size: 15px;
  border-right: 1px solid #dcdcdc;
}
.tabs_alt > ul > li.tab_active,
.tabs_alt > ul > li.active{
  background-color: $theme_tabs_background_color_active;
  height: 37px;
}
.tabs_alt > ul > li.tab_active > a,
.tabs_alt > ul > li.active > a{
  color: $theme_tabs_font_color_active;
}
.tabs_alt > ul > li > a
{  
  display: block;
  padding: 0px 12px;
  outline: none;
  color: $theme_tabs_font_color;
  font-size: 12px;
  font-weight: bold;
}
.tabs_alt > ul > li > a span
{
  font-size: .8em;
  font-weight: normal;
  margin-left: 4px;
  border: none;
}
html[dir="rtl"] .tabs_alt > ul > li > a span
{
  margin-left: 0px;
  margin-right: 4px;
}
.tabs_alt > ul > li > a:hover
{
  background: $theme_tabs_background_color_hover;
  background: none;
  +rounded(5px, false, false, true, true);
  border-bottom: none;
  color: $theme_tabs_font_color_active;
}
.tabs_alt > ul > li.active > a:hover
{
  background-color: $theme_tabs_background_color_active;
}
.tab_container_inactive
{
  display: none;
}
.tabs_alt > ul > li.tab_closed
{
}
.tabs_alt > ul > li.tab_open > a
{
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  position: relative;
}
.tab_pulldown_contents_wrapper
{
  display: none;
  overflow: hidden;
  position: absolute;
  margin-top: 38px;
  z-index: 99;
  left: -1px;
  top: -1px;
}
.tab_pulldown_contents
{
  overflow: hidden;
  background: $theme_pulldown_contents_background_color;
  max-height: 500px;
  overflow-y: auto;
  border: 1px solid $theme_pulldown_border_color;
  border-top: 0;
  +rounded(5px, true, true, false, false);
}
.tab_pulldown_contents > ul > li
{
  padding: 5px 10px;
  font-size: .8em;
  min-width: 100px;
  max-width: 250px;
  line-height: 25px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.tab_pulldown_contents > ul > li.active
{
  background-color: $theme_pulldown_contents_list_background_color_active;
}
.tab_pulldown_contents > ul > li + li
{
  border-top: 1px solid $theme_border_color;
}
.tab_pulldown_contents > ul > li:hover
{
  background-color: $theme_pulldown_contents_list_background_color_hover;
  cursor: pointer;
}
.tabs_alt > ul > li.tab_open .tab_pulldown_contents_wrapper
{
  display: block;
}



/*
PULLDOWN SELECT BOX
Styles the inline pulldown select popup box that is used
as an alternative to regular input select boxes in some places.
*/
.pulldown > a,
.pulldown_active > a
{
  display: inline-block;
  font-weight: bold;
  padding: 5px 7px 5px 18px;
  background-position: 6px 5px;
  outline: none;
  font-size: .8em;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-image: url(~/application/modules/Core/externals/images/more.png);
  background-repeat: no-repeat;
}
.pulldown > a
{
  +rounded(4px);
  background-color: $theme_pulldown_background_color;
}
.pulldown > a:hover
{
  background-color: $theme_pulldown_background_color_hover;
}
.pulldown_active > a
{
  +rounded(4px, false, false, true, true);
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  background-image: url(~/application/modules/Core/externals/images/more_active.png);
}
.updates_pulldown > a:hover{
  background-color: #293138;
}
.updates_pulldown > a.new_updates:hover{
  background-color: #8EBB20;
}
.pulldown_contents_wrapper
{
  display: none;
  +rounded(5px, true, true, false, true);
  overflow: hidden;
  position: absolute;
  max-width: 300px;
  padding: 4px;
  background: $theme_pulldown_border_color url($theme_folder/updates_bg.png) repeat;
  z-index: 99;
  margin: 31px auto auto -1px;
  border-bottom: 3px solid #444D54;
  border-right: 3px solid #444D54;
}
.pulldown_active .pulldown_contents_wrapper
{
  display: block;
}
.pulldown_contents
{
  overflow: hidden;
  background: $theme_pulldown_contents_background_color;
  max-height: 500px;
  overflow-y: auto;
}
.pulldown_contents ul > li
{
  padding: 10px;
  padding-right: 15px;
  font-size: .8em;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: $theme_pulldown_contents_list_background_color_hover;;
}
.pulldown_contents ul > li.notifications_unread{
  background-color: #f6f6f6;
}
.pulldown_contents ul > li + li
{
  border-top: 1px solid $theme_border_color;
}
.pulldown_contents ul > li:hover
{
  background-color: $theme_pulldown_contents_list_background_color_hover;
  cursor: pointer;
}
.pulldown_options
{
  margin: 5px 0px;
}
.pulldown_options a
{
  color: #eee;
  font-size: .8em;
  padding: 3px;
  margin-right: 3px;
}
/*
PULLDOWN SELECT BOX FOR UPDATES
Styles the inline pulldown select popup box used for updates that is used
as an alternative to regular input select boxes in some places.
*/
.updates_pulldown > a,
.updates_pulldown_active > a
{
  display: block;
  color: $theme_topbar_minimenu_link_color;
  font-weight: bold;
  padding: 7px 15px 8px;
  text-transform: uppercase;
}
.updates_pulldown > a
{
  display: block;
  font-weight: bold;
  padding: 7px 15px 8px;
  text-transform: uppercase;
  outline: none;
}
.updates_pulldown > a.new_updates
{
  background: #9EC524;
  color: #fff;
}
.updates_pulldown_active > a
{
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
}
.updates_pulldown_active .pulldown_contents_wrapper
{
  display: block;
}

/*
TAGS
Styles lists of tags that are used for message recipients, lists of friend
lists, etc. Each tag has its own remove link.
*/
.tag
{
  +rounded(3px);
  display: inline-block;
  background-color: $theme_tag_background_color;
  font-weight: bold;
  display: inline-block;
  float: left;
  padding: .4em .6em .4em .6em;
  margin: 0px 10px 5px 0px;
  font-size: .8em;
}
html[dir="rtl"] .tag
{
  float: right;
  margin: 0px 0px 5px 10px;
}
.tag > a
{
  padding-left: 6px;
  text-transform: uppercase;
}
html[dir="rtl"] .tag > a
{
  float: left;
  padding-left: 0px;
  padding-right: 6px;
}







/*
THEME OVERRIDES
Minor core style overrides just for this theme.
These are mostly widget-specific overrides.
*/
.quicklinks, .layout_left ul.navigation, .layout_right ul.navigation{
  padding: 5px 10px;
  background-color: #f2f2f2;
}
.quicklinks li
{
  padding: 0px 5px;
}
.newestmembers_info,
.popularmembers_info
{
  margin-left: 3px;
}
.newestmembers_thumb img,
.popularmembers_thumb img
{
  border: none;
}
img.main, img.thumb_normal,
img.thumb_profile, img.thumb_icon{
  border: none;
}
ul.thumbs > li, ul.videos_browse > li{
  background-color: #f2f2f2;
  border-bottom: 3px solid #eee;
  +rounded(3px);
  margin: 1%;
  width: 48%;
  max-width: none;
  padding: 0;
  height: 125px;
  padding-bottom: 10px;
  overflow: hidden;
}
ul.videos_browse > li{
  padding-top: 15px;
  padding-right: 1%;
  width: 47%;
  height: 100px;
}
ul.thumbs > li:hover, ul.videos_browse > li:hover{
  background-color: #fff;
}
ul.thumbs .thumbs_info{
  padding: 15px 10px 0 0;
}
ul.thumbs .thumbs_title, ul.videos_browse .video_title{
  width: auto;
  max-height: none;
  font-size: 15px;
  font-weight: 300;
  padding-bottom: 10px;
}
ul.videos_browse .video_title{
  display: inline;
}
ul.thumbs .thumbs_photo, .videos_browse .video_thumb_wrapper{
  border:none;
  float: left;
  padding: 15px 10px;
}
.videos_browse .video_author{
  padding-top: 10px;
}
ul.thumbs .thumbs_photo:hover{
  border: none;
}
.videos_browse  .video_thumb_wrapper{
  padding: 0 15px 15px 10px;
}
.videos_browse  .video_thumb_wrapper, .videos_browse .video_thumb_wrapper:hover{
  background-color: transparent;
}
.videos_browse  .video_thumb_wrapper img{
  margin: 0 auto;
}
.video_thumb_wrapper{
  background-color: transparent;
}
.video_length{
  margin: 0;
}
.video_thumb_wrapper img, .video_thumb_wrapper span.item_nophoto{
  margin: 0;
}
.music_player{
  background: $theme_pulldown_border_color url($theme_folder/updates_bg.png) repeat;
}
#activity-feed
{
  padding: 0;
}
ul.feed > li{
  padding: 15px 0 0;
  background: transparent url($theme_folder/feed_item_bg.png) repeat-y 27px 0;
}
ul.feed > li + li{
  /*background: transparent url($theme_folder/divider_small.png) repeat-x top center;*/
  border: none;
  padding: 15px 0 0;
}
ul.feed div.feed_item_photo{
  padding: 5px 15px 5px 5px;
  margin: 0;
  background: transparent url($theme_folder/feed_item_bg2.png) repeat-x 0 27px;
}
ul.feed .feed_item_photo > a > img{
  +rounded(5px);
  +shadow(0, 0, 0, 5px, rgba(205,205,205,0.6));
  border: 2px solid #fff;
}
div.comments div.comments_options,
ul.feed div.feed_item_date{
  background: #EFEFEF url($theme_folder/title_bg.png) repeat-x !important;
  border: 1px solid #ddd;
  border-top: 1px solid #e5e5e5;
  +rounded(5px, false, false, true, true);
  padding: 0;
  margin-top: 10px;
}
ul.feed .feed_item_date > ul > li{
  border-right: 1px solid #e1e1e1;
  font-size: 11px;
  color: #878787;
  font-weight: normal;
  margin-left: -3px;
}
ul.feed .feed_item_date > ul > li:first-child{
  padding: 8px 12px;
}
ul.feed .feed_item_date > ul > li > a{
  padding: 8px;
  display: block;
}
ul.feed .feed_item_date > ul > li:hover{
  background-color: #f2f2f2;
}
ul.feed .feed_item_date > ul > li:first-child:hover{
  background-color: transparent;
}
ul.feed .feed_item_date > ul > li + li > span{
  display: none;
}
ul.feed > li:last-child{
  padding-bottom: 15px;
}
div.feed_viewmore{
  padding: 0 0 0 27px;
  border: none;
}
a#feed_viewmore_link{
  display: block;
  padding: 10px 0 10px 35px;
  background-color: rgba(205, 205, 205, 0.5);
  background-position: 12px center;
  border-right: 5px solid transparent;
  +rounded(5px, true);
}
a#feed_viewmore_link:hover{
  border-right: 5px solid #9EC524;
}
.forum_title h3
{
  background: transparent;
  padding-left: 0px; 
}
#browsemembers_results h3
{
  background-color: transparent;
  padding-left: 0px;
}
.browsemembers_criteria
{
  background-color: #eee;
  padding: 20px;
  font-size: 1.1em;
}
.browsemembers_criteria
{
  background-color: #eee;
  padding: 20px;
  font-size: 1.1em;
}
.browsemembers_criteria input + label
{
  font-size: .9em;
}
.browse-separator-wrapper 
{
  border: none;
}
.browsemembers_criteria button
{
  margin-top: 20px;
  width: 100%;
}
div.albums_viewmedia_info {
  border-width: 1px;
  border-color: $theme_border_medium_color;
  background-color: #f5f5f5;
}
#filter_form label
{
  font-size: 1em;
  margin-bottom: 4px;
}
#filter_form .form-wrapper + .form-wrapper
{
  margin-top: 15px;
}
.layout_blog_gutter_search h4
{
  text-transform: none;
}
.blogs_entrylist h3
{
  background-color: transparent;
  padding-left: 0px;
  margin-bottom: 3px;
  padding: 0px;
}
.blogs_gutter_options li a
{
  font-size: 1em;
}
ul.blogs_entrylist > li{
  border: none;
}
.browseclassifieds_criteria > ul > input + li
{
  margin-top: 7px;
}
ul.classifieds_entrylist .classified_entrylist_entry_date 
{
  font-size: 1em;
  color: $theme_font_color;
  line-height: 140%;
  margin-bottom: 15px;
}
ul.forum_categories .forum_lastpost
{
  width: 400px;
}
div.forum_topic_title_options a
{
  height: auto;
}
.forum_topic_posts
{
  margin-bottom: 20px;
}
.forum_topic_posts > li:last-child
{
  border-bottom: 3px solid $theme_border_medium_color;
}
#forum_post_quick #photo-wrapper
{
  display: none;
}
div.group_discussions_list h3
{
  background: none;
  padding: 0px;
  margin-bottom: 2px;
  font-size: 1.2em;
}
div.group_discussions_list .group_discussions_sticky a
{
  background-position: left center;
}
#global_page_group-topic-view h3
{
  background: none;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 1.5em;
}
.group_discussions_thread_options,
.group_discussions_options
{
  +rounded(1px);
  background-color: #eee;
  padding: .3em .7em;
}
.group_discussions_thread_options a,
.group_discussions_options a
{
  display: inline;
}
ul.group_discussions_thread > li + li
{
  border-top: 2px solid $theme_border_color;
}
.group_discussions_thread_photo
{
  margin-bottom: 0px;
}
.group_discussions_thread_author_rank
{
  font-size: .8em;
  font-weight: normal;
  color: $theme_font_color_light;
}
ul.group_discussions > li
{
  border-top: 1px solid $theme_border_color;
  padding: 15px 15px 15px 0px;
}
ul.group_discussions > li
{
  border-top-width: 2px;
  border-bottom-width: 2px;
}
ul.group_discussions > li + li
{
  border-top-width: 0px;
  border-bottom-width: 2px;
}
div.group_discussions_list
{
  border-top-width: 0px;
}
.layout_core_statistics ul > li span
{
  font-size: 1.3em;
}
#profile_photo img{
  display: block;
  margin: 0px auto;
}
.layout_user_profile_info > h3
{
  font-weight: normal;
  font-size: 1.2em;
}
.layout_user_profile_info > ul > li
{
  font-size: 1em;
}
.profile_fields > ul > li > span + span{
  width:auto;
  float: left;
}
div#profile_status{
  background-color: #F9F9F9;
  border: 1px solid #dcdcdc;
}
#profile_status > span{
  padding: 20px 15px 15px;
  display: block;
}
div.layout_activity_feed{
  background-color: transparent;
  border: none;
}
div.activity-post-container
{
  border: 7px solid #ddd;
  background-color: #eee;
  +rounded(5px, true, true, false, false);
  margin-bottom: 0;
}
div.activity-post-container > form
{
  border: none;
  padding: 15px;
}
#compose-menu{
  display: block !important;
}
.compose-container .overTxtLabel{
  padding-top: 6px;
}
#compose-menu #compose-submit{
  float: right;
  margin-right: 0;
}
#compose-photo-activator{
  margin-left: 0;
}
.global_form > div > div > h3 + div,
.global_form > div > div > h3 + p + div
{
  padding: .7em;
  margin-top: 10px;
}
.global_form p.description
{
  color: $theme_font_color_light;
}
.pages
{
  margin-top: 20px;
}
.paginationControl
{
  border: 1px solid $theme_border_color;
}
.paginationControl > li > a
{
  font-size: 1.1em;
  font-weight: normal;
}
.paginationControl > li.selected > a
{
  font-weight: bold;
}
.form-description,
.form-elements
{
  padding: .7em;
}
.sharebox
{
  margin: 10px;
  border: 2px dashed $theme_border_color;
}

@media screen and (max-width: 800px) {
  .layout_core_menu_mini #core_menu_mini_menu > ul > li > a{
    background: none;
    padding: 7px 0 8px;
    text-align: center;
  }
  .updates_pulldown > a{
    padding: 7px 0 8px;
  }
  .layout_left, .layout_right{
    display: none;
  }
}

@media screen and (max-width: 1024px) {
 .layout_left + .layout_right{
    float: left;
    clear: left;
    margin: 0 15px 15px 0;
  }
}

/*@media screen and (max-width: 1024px) {*/
  body{
    background: none;
  }
  .layout_page_header{
    margin-bottom: 20px;
  }
  div#global_header{
    width: auto;
    float: none;
    background: $theme_topbar_menu_background_color url($theme_folder/updates_bg.png) repeat;
  }
  .layout_core_menu_main{
    margin: 0;
  }
  .layout_core_menu_main > ul, .layout_core_menu_mini > div > ul{
    display: table;
    width: 100%;
  }
  .layout_core_menu_main > ul > li, .layout_core_menu_mini > div > ul > li{
    display: table-cell;
    overflow: hidden;
    float: none;
    vertical-align: top;
  }
  .layout_core_menu_main > ul > li a {
    padding: 10px 10px 12px 10px;
    border-right: 1px solid #1C252B;
    background:none !important;
    text-align: center;
  }
  .layout_core_menu_mini #core_menu_mini_menu > ul > li > a{
    float: none;
  }
  #core_menu_mini_menu #global_search_field{
    width: 90%;
    background: none;
  }
  #core_menu_mini_menu_update > span{
    display: block !important;
  }
  .updates_pulldown > a{
    text-align: center;
  }
  .layout_core_menu_mini{
    border-bottom: 1px solid #1C252B;
    overflow: hidden;
    padding-top: 3px;
    position: static;
    background: transparent url($theme_folder/topbar.png) repeat-x center top;
  }
  .layout_core_menu_logo{
    margin: 0 auto;
    padding: 15px 0 10px;
    margin-bottom: 10px;
  }
  div#global_wrapper{
    background: none;
    margin-left: 0 !important;
  }
  #global_wrapper div#global_content{
    padding: 0px 15px 50px;
  }
  .layout_page_footer .layout_main{
    margin:0;
    padding-top: 0;
  }
  #global_footer{
    background: none;
  }
  .layout_page_footer{
    margin-left: 0;
  }
/*}*/

  
.menu_mini
{
	position: absolute;
	top: 7px;
	right: 5px;
	width: 472px;
}  
.dv_text_login
{
    float: left;
    margin-left: 3px;
}
.dv_text_login .label
{
    /*color: #fff;*/
}
.dv_text_login input
{
    +rounded(0px);
    width: 180px;
    border: 1px solid #666;
}
.remember 
{
    color: #999999;
    font-size: 12px;
    margin-left:  4px;
    float: left;
    width: 180px;
}
.forgot_pass
{     
     margin-left: 188px;
}
.forgot_pass a
{
    color: #999999;
    font-size: 12px;
    text-decoration: none;
}
.forgot_pass a:hover{
    text-decoration: none;
    cursor: pointer;
}
.under_login {
    clear: both;
    padding-top: 5px;
}
.remember #remember{
	background: transparent url($theme_folder/menu_search_bg.png) repeat-x;
}
#core_menu_mini_menu .text_login, #core_menu_mini_menu .text_login
{
  font-size: 13px;
  outline: none;
  background: transparent url($theme_folder/menu_search_bg.png) repeat-x;
  color: #A2A2A2;
  padding: 5px 10px;
  width: 161px;
  height: 16px;
  border: none;
  +shadow(0);
  color: #999999;	
}
.menu_mini .aSignin, .button_login #submit{
	  background-image: url($theme_folder/icon_logout.png);
	  color: $theme_topbar_minimenu_link_color;
	  display: block;
	  padding: 7px 15px 8px 40px;
	  float: left;
	  border-left: 1px solid #39454F;
	  border-right: 1px solid #39454F;
	  background: transparent url($theme_folder/icon_admin.png) no-repeat 15px 9px;
	  background-image: url($theme_folder/icon_logout.png);
	  height: 15px;
	  margin-left: 2px;
	  font-size: 11px;
	  margin-right: 2px;
}
.button_login #submit{
	border: 0 solid #39454F;
	line-height: 0;
	height: 28px;
	text-transform: none;
	font-weight: normal;
	border-left: 1px solid #39454F;
	border-right: 2px solid #252E34;


	+rounded(0);

}
.menu_mini .aSignin:hover, .button_login #submit:hover{
  background-color: $theme_topbar_minimenu_link_hover_background_color;
  border-left: 1px solid #293138;
  border-right: 1px solid #293138;
}

.menu_mini .checkbox_remember{
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	background: transparent url($theme_folder/unchecked.png);
}
.menu_mini .checkbox_remember.selected{
	background: transparent url($theme_folder/checked.png);
}

.layout_user_list_online .whosonline_thumb img, .layout_user_list_signups a.newestmembers_thumb > img,img.main, img.thumb_normal, img.thumb_profile, img.thumb_icon{
	border: 1px solid #E4E4E4;
}

#core_menu_mini_menu #global_search_field{
	min-width: 250px;
}
.commentbodyarea{
	width: 99%;
}
.description {
    font-size: 10px;
    font-weight: normal;
}
#body-label{
	display: none;
}

.activity-comment-form , #comment-form {
	display: block !important;
}

.activity-comment-form > button, #comment-form > button{
	display: none !important;
}
.item_photo_paint{
	background: white;
}